<template>
  <div class="ma">
    <div class="line_bk" :style="lineStyle"></div>
  </div>
</template>

<script>
  export default {
    data(){
      return {
        
      }
    },
    props: {
      data: {
        type: Object,
        default: {}
      }
    },
    created(){
      
    },
    watch:{
      
    },
    computed: {
      lineStyle(){
        let s = 'border-top:' + this.data.height  + 'px ' + this.data.type + ' ' + this.data.color + ';background: ' + this.data.margin.tb  + ';';
          s += 'margin:' + this.data.margin.tb + 'px ' + this.data.margin.lr + 'px;';
        return s;
      }
    },
    methods:{
      
    }

  }
</script>

<style lang="scss" scoped>
.ma{
  width: 100%;
  overflow: hidden;
}

.line_bk{
  //border-top:15px solid #000;
  height: 0;
  //background: #f00;
}
</style>
